<!--
 * @Description: 
 * @Date: 2023-10-18 14:47:16
 * @LastEditTime: 2023-12-16 12:38:55
-->
<template>
	<div class="tooltip">
		<img :src="props.picType" />
		<article>
			<p>
				{{ props.content }}
			</p>
		</article>
	</div>
</template>

<script setup lang="ts">
import { defineProps } from 'vue';
const props = defineProps({
	content: {
		type: String
	},
	picType: {
		type: String
	}
});
</script>

<style lang="scss">
.custom-tooltip11 {
	max-width: none;
	width: 300px;
	padding: 0;
	box-shadow: 0 0 0 3px white;
}

.custom-tooltip11 img {
	width: 100%;
	border-radius: 4px 4px 0 0;
}

.custom-tooltip11 h2,
.custom-tooltip11 p {
	margin: 1rem;
	text-align: justify;
}
</style>
